<template>
  <div class="page-title">
    <div class="page-title-line"></div>
    <div class="page-title-text">{{router_name == 'home' ? '概述' : router_name}}</div>
  </div>
</template>

<script>
export default {
  name: 'pageTitle',
  watch: {
    '$router': (newV) => {
      console.log(newV)
    }
  }
}
</script>

<style scoped lang="less">
  .page-title{
    height: 86px;
    display: flex;
    align-items: center;
    &-line{
      width: 4px;
      height: 20px;
      background: #165DEA;
    }
    &-text{
      margin-left: 15px;
      font-size: 22px;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      color: #333333;
    }
  }
</style>
